{% block base.base %}
<HTML>
{% block head %}
<HEAD>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    {% block refresh %}
    {% endblock refresh %}
<link rel="stylesheet" type="text/css" href="/lbmanager/media/default.css"/>
<script type="text/javascript" src="/lbmanager/media/popup.js"></script>
</HEAD>
{% endblock head %}

<BODY>

<!-- add links for each of you bigip IP addresses here -->
<div id="modal" style="border:3px solid black; background-color:#9999ff; padding:25px; font-size:100%; text-align:center; display:none;">
	<a href="/lbswitch/setlb/10.0.0.1">TEST</a><BR>
	<a href="/lbswitch/setlb/10.2.0.1">PROD</a>
</div>

<div id="relogin" style="border:3px solid black; background-color:#9999ff; padding:25px; font-size:100%; text-align:center; display:none;">
	<form method="post" action="/lbswitch/login/"> 
	<table>
	<tr><th></th><td>Enter your BigIP credentials</th><td></td></tr>
	<tr><th><label for="id_username">Username:</label></th><td><input id="id_username" type="text" name="username" maxlength="32" /></td></tr> 
	<tr><th><label for="id_password">Password:</label></th><td><input type="password" name="password" id="id_password" /></td></tr> 
	<tr><th><input type="button" value="Cancel" onClick="Popup.hide('relogin')"></th<th><input type="submit" value="Login" /></th></tr>
	</table>
	</form>
</div>

<div class="container">
	<div class="spacer"></div>
		<div class="statpanel">
			<p style="width: 70px;" >User:{{ user }}<br>
				<a href="#" onclick="Popup.showModal('relogin',null,null,{'screenColor':'#99ff99','screenOpacity':.6});return false;">Change</a>
			</p>
		</div>
		<div class="statpanel">
			<p>LB:{{ loadbalancer }}<br>
				<a href="#" onclick="Popup.showModal('modal',null,null,{'screenColor':'#99ff99','screenOpacity':.6});return false;">Change</a>
			</p>
		</div>
		<div class="statpanel">
			<p>Partition {{ partition }}</p>
		</div>
	<div class="spacer"></div>
</div>
<div class="spacer-1px"></div>

{% block body %}{% endblock body %}

<div class="spacer-1px"></div>
<div class="container">
    <div class="spacer"></div>
	{% block links %}
        <div class="statpanel-footer">
		<p><a href="/lbswitch/">Back</a></p>
	</div>
	<div class="statpanel-footer">
		<p><a href="/lbswitch/help/">Help</a></p>
	</div>
	<div class="statpanel-footer">
		<p><a href="/lbswitch/logout/">Logout</a></p>
	</div>
	<div class="statpanel-footer"><p></p></div>
	<div class="statpanel-footer">
		<p style="width: 200px; align: right;"><sub><a href="http://code.google.com/p/django-bigip-opspanel/">Bigip-OpsPanel</a> by Kegan Holtzhausen</sub></p>
	</div>
	{% endblock links %}
    <div class="spacer"></div>
</div>
</BODY>
</HTML>
{% endblock base.base %}
